<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        // 绘制 行 和列的* 图案；

        // 倒三角形 
        // for(var i=0;i<3;i++){  //控制行
        //     for(var j=i;j<3;j++){  //控制列
        //         document.write("*");
        //     }
        //     document.write("<br>");
        // }

        /* 
        外层循环 ：
            第一次 ： i = 0；
                内层循环
                    j = 0; 
                    第一次  
                        j=0
                    第二次 
                        j = 1;
                    第三次 ：
                        j =2;
                    停止
            第二次外层循环： i = 1;
                内层循环
                    j = 1;
                    第一次 
                        j = 1;
                    第二次
                        j = 2;
                    停止了
            第三次外层循环 ：i =2;
                内层循环
                    j = 2;
                    第一次：
                        j = 2;
                    停止了
        外层循环结束了
        */




        // 正三角形 

        for(var i=1;i<=9;i++){  //控制行
            for(var j=1;j<=i;j++){  //控制列
                document.write(i+"*"+j+"&nbsp;");
            }
            document.write("<br>");
        }

        // 倒三角形 正三角形   ---》99乘法表 
        
        /* 
            等腰三角形 

            *
            **
            ***
            ****
            *****

            *
           **



           ---*     i = 1    空格数量 (总 -i)/2
           --***    i =3     空格数量 (总7- i 3)/2 = 2
           -*****   i = 5       (7-5)/2  空格数量
           *******  i=7      


           *
          ***
         ***** 
        *******
        
        
        
        */
        






    </script>
</body>
</html>